<template>
	<view >
		
		<navigator  class="splj" :url="`/pages/center/show?id=${itme.id}`">
			<u-image class="u-skeleton-rect" width="100%" height="300rpx" :src="itme.cover_url"></u-image>
			<view class="title u-line-1 u-skeleton-rect">
				{{itme.title ? itme.title : "标题"}}
			</view>
			<view class="u-flex u-row-between">
			<view class="jiage u-skeleton-rect">
				售价{{itme.price}}
			</view>	
			<view class="xiaoliang u-skeleton-rect">
				销量{{itme.sales}}
			</view>
			</view>
		</navigator>
		
	</view>
</template>

<script>
	export default {
		name:"goods-card",
		props:{
			itme:{
				type:Object,
				defalt(){
					return{}
				}
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			tiaozhuang(){
				this.$u.route({
					url:"pages/center/show",
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.splj{
	 padding: 40rpx;
	 margin-top: 30rpx;
	 box-shadow: 0 12rpx 20rpx 0 rgba(0,0,0, .1);
	 .title{
		 margin:10rpx 0;
		 font-size: 32rpx;
		 width: 100%;
	 }
	 .jiage{
		 color: red;
	 }
	 .xiaoliang{
		 color: #888;
	 }
	}

</style>
